<!doctype html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>Bill账单管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" th:href="@{/static/css/font.css}">
    <link rel="stylesheet" th:href="@{/static/css/index.css}">
    <link rel="stylesheet" th:href="@{/static/css/iconfont.css}">
    <script th:src="@{/static/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/static/js/index.js}"></script>

</head>

<body class="index">
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo">
            <a href="#">Bill账单管理</a></div>
        <div class="left_open">
            <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
        </div>
        <!-- 以上点击事件对象是导航栏上的目录图像来伸缩导航栏 -->
        <ul class="layui-nav right">
            <li class="new-nav" id="gonggao">
                <i></i>
                <a href="#"><i class="iconfont">&#xe6bc;</i><span class="layui-badge">99+</span></a>
                <!--<dl class="layui-nav-child">-->
                <ul class="news" id="gonggaos" style="display: none;">
                    <li class="dropdown-header"><i class="iconfont">&#xe6bc;</i>99+条公告</li>
                    <li>
                        <a href="javascript:;">
                            <div class="clearfix">
                                <span class="pull-left"> <i class="btn btn-pink iconfont">&#xe6bc;</i> 系统公告 </span>
                                <span class="pull-right badge badge-info">99+</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;"> <i class="btn btn-primary iconfont">&#xe6bc;</i> 公司公告</a>
                    </li>

                    <li> <a href="javascript:;">查看所有公告 <i class="iconfont">&#xe69b;</i> </a> </li>
                </ul>
                <!--以上部分是对于导航栏消息图标的修改且都是空链接-->

            </li>
            <li class="new-nav" id="new-nav">
                <i></i>
                <a href="#"><i class="iconfont">&#xe713;</i><span class="layui-badge">15</span></a>
                <!--<dl class="layui-nav-child">-->
                <!-- 关于通知的设置 -->
                <ul class="news" id="news" style="display: none;">
                    <li class="dropdown-header"><i class="iconfont">&#xe6bc;</i>8条通知</li>
                    <li>
                        <a href="#">
                            <div class="clearfix">
                                <span class="pull-left"> <i class="btn btn-pink iconfont">&#xe69b;</i> 给我留言 </span>
                                <span class="pull-right badge badge-info">+12</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#"> <i class="btn btn-primary iconfont">&#xe696;</i> 插件广场 </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="clearfix">
                                <span class="pull-left"> <i class="iconfont btn btn-success">&#xe723;</i> 新订单 </span>
                                <span class="pull-right badge badge-success">+8</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="clearfix">
                                <span class="pull-left"> <i class="iconfont btn btn-info">&#xe6ba;</i> 交易窗口 </span>
                                <span class="pull-right badge badge-info">+11</span>
                            </div>
                        </a>
                    </li>
                    <li> <a href="javascript:;"> 查看所有消息 <i class="iconfont">&#xe69b;</i> </a> </li>
                </ul>
                <!--</dl>-->
                <!--以上部分是对于导航栏通知图标的修改且都是空链接-->
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">我的账号</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd>
                        <a th:onclick="xadmin.open([[${'个人信息'}]],[[${'/html/one_set'}]])">个人信息</a>
                    </dd>
                    <dd>
                        <a href="/toLogin">切换帐号</a>
                    </dd>

                </dl>

            </li>
            <li class="layui-nav-item to-index">
                <a href="/toLogin">注销</a>
            </li>
        </ul>

        <!-- 以上导航条正确结束 -->

    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
    <!-- 左侧菜单开始 -->
    <div class="left-nav">
        <div id="side-nav">
            <ul id="nav">
                <li>
                    <a href="javascript:;" th:onclick="xadmin.add_tab([[${'我的桌面'}]],[[${'/html/welcome'}]])">
                        <i class="layui-icon left-nav-li" lay-tips="首页">&#xe68e;</i>
                        <cite>首页</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>

                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="账单管理">&#xe6a2;</i>
                        <cite>账单管理</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'账单列表'}]],[[${'/html/articletype-list'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>账单列表</cite></a>
                        </li>
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'账单管理'}]],[[${'/html/article-list'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>账单管理</cite></a>
                        </li>
                    </ul>

                    <!-- 首页账单管理完成 -->
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="供应商管理">&#xe6c0;</i>
                        <cite>供应商管理</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'供应商类型'}]],[[${'/supplier/noticetype-list'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>供应商类型</cite></a>
                        </li>
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'供应商列表'}]],[[${'/supplier/notice-list'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>供应商列表</cite></a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="管理员管理">&#xe726;</i>
                        <cite>管理员管理</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'管理员列表'}]],[[${'/admin/admin-list'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>管理员列表</cite></a>
                        </li>
<!--                        <li>-->
<!--                            <a th:onclick="xadmin.add_tab([[${'角色管理'}]],[[${'/admin/admin-role'}]])">-->
<!--                                <i class="iconfont">&#xe6a7;</i>-->
<!--                                <cite>角色管理</cite></a>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <a th:onclick="xadmin.add_tab([[${'权限分类'}]],[[${'/admin/admin-cate'}]])">-->
<!--                                <i class="iconfont">&#xe6a7;</i>-->
<!--                                <cite>权限分类</cite></a>-->
<!--                        </li>-->
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'权限管理'}]],[[${'/admin/admin-rule'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>权限管理</cite></a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="会员管理">&#xe6b8;</i>
                        <cite>用户管理</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">

                        <li>
                            <a th:onclick="xadmin.add_tab([[${'用户类型'}]],[[${'/user/member-del'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>用户类型</cite></a>
                        </li>

                        <li>
                            <a th:onclick="xadmin.add_tab([[${'用户管理'}]],[[${'/user/member-list'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>用户管理</cite></a>
                        </li>

                    </ul>
                </li>

                <li>
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="系统设置">&#xe60d;</i>
                        <cite>系统设置</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'系统设置'}]],[[${'/html/sys-set'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>系统设置</cite></a>
                        </li>
<!--                        <li>-->
<!--                            <a th:onclick="xadmin.add_tab([[${'系统日志'}]],[[${'/html/sys-log'}]])">-->
<!--                                <i class="iconfont">&#xe6a7;</i>-->
<!--                                <cite>系统日志</cite></a>-->
<!--                        </li>-->

                    </ul>
                </li>

                <li>
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="邮件管理">&#xe64a;</i>
                        <cite>邮件管理</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'邮件管理'}]],[[${'/email/toemailpage'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>邮件管理</cite></a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="账号管理">&#xe6b4;</i>
                        <cite>账号管理</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">
                        <li>
                            <a th:onclick="xadmin.add_tab([[${'账号管理'}]],[[${'/accountlist'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>账号管理</cite></a>
                        </li>

<!--                        <li>-->
<!--                            <a href="/accountlist" target="_blank">-->
<!--                                <i class="iconfont">&#xe6a7;</i>-->
<!--                                <cite>账号管理</cite></a>-->
<!--                        </li>-->
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont left-nav-li" lay-tips="数据管理">&#xe70c;</i>
                        <cite>系统反馈</cite>
                        <i class="iconfont nav_right">&#xe697;</i></a>
                    <ul class="sub-menu">

                        <li>
                            <a th:onclick="xadmin.add_tab([[${'用户建议'}]],[[${'/toaddadvice'}]])">
                                <i class="iconfont">&#xe6a7;</i>
                                <cite>用户建议</cite></a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <!-- 左侧菜单结束 正确完成  -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
            <ul class="layui-tab-title">
                <li class="home">
                    <i class="layui-icon">&#xe68e;</i>我的桌面</li>
            </ul>
            <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
                <dl>
                    <dd data-type="this">关闭当前</dd>
                    <dd data-type="other">关闭其它</dd>
                    <dd data-type="all">关闭全部</dd>
                </dl>
                <!-- 功能可以关闭已打开的窗口 -->
            </div>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe th:src="@{/html/welcome}" frameborder="0" scrolling="yes" class="x-iframe"></iframe>
                </div>
            </div>
            <div id="tab_show"></div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <style id="theme_style"></style>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->

</body>
<script th:src="@{/static/js/jquery.min.js}"></script>

</html>

<script>
    // 首页交互事件
    window.onload = function() {
        // 头部关闭页签事件
        var click = document.getElementById('new-nav');
        var news = document.getElementById('news');
        click.addEventListener('mousemove', function() {
            news.style.display = 'block';
        });
        click.addEventListener('mouseout', function() {
            news.style.display = 'none';
        });
        // 头部导航栏公告
        var gonggao = document.getElementById('gonggao');
        var gonggaos = document.getElementById('gonggaos');
        gonggao.addEventListener('mousemove', function() {
            gonggaos.style.display = 'block';
        });
        gonggao.addEventListener('mouseout', function() {
            gonggaos.style.display = 'none';
        });
    }
</script>